@default: #ffffff; // default colors for layout

// base
@body-bg: #efeff4; // default bg color
@text : #495060;
@label-text: @text;

@disabled: rgba(255, 255, 255, 0.4); // color for disabled state
@disabled-bg: tint(@disabled, 15%); // background color for disable state

// color scheme
@primary: #00abff;
@info: #40daf1;
@success: #8bd22f;
@warning: #e7ba08;
@danger: #f95372;

@primary-light: tint(@primary, 30%);
@info-light: tint(@info, 30%);
@success-light: tint(@success, 30%);
@warning-light: tint(@warning, 30%);
@danger-light: tint(@danger, 30%);

@primary-dark: shade(@primary, 15%);
@info-dark: shade(@info, 15%);
@success-dark: shade(@success, 15%);
@warning-dark: shade(@warning, 15%);
@danger-dark: shade(@danger, 15%);

@primary-bg: tint(@primary, 20%);
@info-bg: tint(@info, 20%);
@success-bg: tint(@success, 20%);
@warning-bg: tint(@warning, 20%);
@danger-bg: tint(@danger, 20%);

// link colors
@link: #2D8cF0;
@link-active: shade(@link, 5%);
@link-hover: tint(@link, 20%);

// Border color
@border-color-base : #dddee1;  // outside
@border-color-split : #e9eaec;  // inside
@border: rgba(255, 255, 255, 0.5);
@border-light: rgba(255, 255, 255, 0.3);

@cursor-disabled : not-allowed;

// sidebar colors
@sidebar: #282828;
@sidebar-text: #ffffff;

// Shadow
@shadow-color : rgba(0, 0, 0, .2);
@shadow-base : @shadow-down;
@shadow-card : 0 1px 1px 0 rgba(0,0,0,.1);
@shadow-up : 0 -1px 6px @shadow-color;
@shadow-down : 0 1px 6px @shadow-color;
@shadow-left : -1px 0 6px @shadow-color;
@shadow-right : 1px 0 6px @shadow-color;

// Background color
@background-color-base : #f7f7f7;  // base

// Button
@btn-default-color : @text;
@btn-default-bg : @background-color-base;
@btn-default-border : @border-color-base;

@btn-disable-color : #bbbec4;
@btn-disable-bg : @background-color-base;

@btn-primary-color : #fff;
@btn-primary-bg : @primary;

// Input
@input-border: rgba(255, 255, 255, 0.6);
@input-background: rgba(255, 255, 255, 0.1);
@input-bg : #fff;
@input-hover-border-color : @primary;
@input-focus-border-color : @primary;
@input-disabled-bg : #f3f3f3;

// dropdown
@dropdown-text: #7d7d7d; // dropdown text color


